body{
    padding-bottom: 1.12rem;
}

.head{
    background-color: #fece02;
    display: flex;
    flex-wrap: nowrap;
    box-sizing: border-box;
    padding: .17rem .17rem .18rem .36rem ;
    .logo{
        width: .64rem;
        height: .62rem;
        img{
            width: 100%;
            height: 100%;
        }
    }
    .search{
        width: 4.3rem;
        height: .68rem;
        border-radius: .34rem;
        background-color: #fee579;
        margin-left: .48rem;
        margin-right: .28rem;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-around;
        align-items: center;
        overflow: hidden;
        font-size: .28rem;
        img{
            width: .37rem;
            height: .35rem;
        }
        input{
            width: 3.4rem;
            height: 100%;
            border: none;
            background-color: #fee579;
            &::placeholder{
                color: #fff;
            }
        }
    }
    .scan{
        width: .41rem;
        height: .39rem;
        box-sizing: border-box;
        padding-top: .1rem;
    }
    .message{
        width: .38rem;
        height: .43rem;
        box-sizing: border-box;
        padding-top: .1rem;
        margin-left: .48rem;
    }
}

.bottom{
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 1.12rem;
    border-top: 1px solid #d3d3d3;
    background-color: #fff;
    display: flex;
    a{
        width: 25%;
        font-size: .22rem;
        color: #949494;
        font-weight: bold;
        font-family: '宋体';
        display: flex;
        flex-direction: column;
        align-items: center;
        img{
            width: .47rem;
            height: .47rem;
            margin-top: .16rem;
        }
        div{
            margin-top: .1rem;
        }
    }
    .index,.shansong,.wode,.gwc{
        color: #fea31e;
    }
}